*{
    margin: 0;
    padding: 0;
}

.wrapper {
    height: 100vh;
    position: relative;
    overflow: hidden;
}

.wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 90%;
    background: url("/images/bg.svg") no-repeat;
    background-size: cover; /* 或者根据需要设置其他的background-size属性值 */
    filter: blur(6px);
    z-index: -1;/* 默认层叠顺序的上方 */
}


.wrapper .type {
    display: flex;
    align-items: center;
    margin: 6% auto;
    background-color: #d3eafb;
    width: 70%;
    height: 70%;
    border-radius: 25px;
    box-sizing: border-box;
}

/* 左边图片*/
.wrapper .type .bg-type {
    flex: 3;
    height: 100%;
    display: flex;
    flex-direction: column;
}

/*logo、文字*/
.wrapper .type .bg-type .logo {
    display: flex;
    align-items: center;
}

/*logo图片*/
.wrapper .type .bg-type .logo .logo-img {
    width: 8%;
    margin: 1% 2% 0 5%;
}

.wrapper .type .bg-type .logo .logo-img img {
    width: 100%;
}

/*logo文字*/
.wrapper .type .bg-type .logo .title {
    font-size: 25px;
    font-weight: bold;
    color: #818181;
}

/* 图片*/
.wrapper .type .bg-type .img {
    flex: 1;
    width: 100%;
    display: flex;
    justify-content: flex-end; /* 将子元素沿主轴底部对齐 */

}

.wrapper .type .bg-type .img img {

    width: 100%;
}

/*右边表单*/
.wrapper .type .login-type {
    flex: 2;
    background-color: #fffafa;
    padding: 0 5%;
    height: 100%;
    border-radius: 0 25px 25px 0;
}

/*登录账户文字*/
.wrapper .type .login-type .login-font {
    margin: 23% 0 10% 0;
    text-align: center;
    font-size: 34px;
    color: #1E9FFF;
}

.login-button {
    background-color: #1E9FFF;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.login-button:hover {
    background-color: rgba(30, 159, 255, 0.5);
}

